<template>
  <div>
    <h3>学校名称：{{name}}</h3>
    <h3>学校地址：{{address}}</h3>
  </div>
</template>

<script>
// 第三方库，消息订阅与发布技术
import pubsub from 'pubsub-js'

export default {
  name: 'school',
  data () {
    return {
      name: '北大',
      address: '北京'
    }
  },
  mounted () {
    // 注意这里用箭头函数，要不this不是vc实列
    this.pubId = pubsub.subscribe('hello', (msgName, data) => {
      console.log('有人发布了我订阅的消息，我的回调执行了', data);
    })
  },
  beforeDestroy () {
    pubsub.unsubscribe(this.pubId)
  },
}
</script>

